<template>
  <div class="allthree">
    <van-dropdown-menu active-color="#ff5835">
      <van-dropdown-item v-model="value1" :options="option1" />
      <van-dropdown-item v-model="value2" :options="option2" />
      <van-dropdown-item v-model="value3" :options="option3" />
    </van-dropdown-menu>
  </div>
</template>

<script>
export default {
  data() {
    return {
      value1: 0,
      value2: "a",
      value3: "A",
      option1: [{ text: "全部地区", value: 0 }],
      option2: [{ text: "全部品类", value: "a" }],
      option3: [
        { text: "时间排序", value: "A" },
        { text: "距离排序", value: "B" }
      ]
    };
  }
};
</script>

<style lang="scss" scoped>
.allthree {
  width: 100%;
  position: fixed;
  top: 18.133vw;
  ::v-deep .van-dropdown-menu,
  ::v-deep .van-dropdown-menu__bar {
    border: 0;
    box-shadow: none;
  }
}
</style>